<template>
    <div class="mainLeft">
        <leftTop></leftTop>
        <leftCenter></leftCenter>
        <leftBottom></leftBottom>
    </div>
</template>

<script setup lang="ts">
import leftTop from './leftTop.vue';
import leftCenter from './leftCenter.vue';
import leftBottom from './leftBottom.vue';

</script>

<style lang="scss" scoped>
.mainLeft {
    width: 32vw;
    height: 100vh;
    background-image: url(../../assets/Left.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    position: relative;

}
</style>